*{
     padding: 0;
     margin: 0;
}
body{
     background-image: url(/images/img_3.png) ;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     background-size: cover;
}

.container{
     height: 460px;
     width: 450px;
     margin:auto;
     margin-top: 10%;
     border-radius: 10px;
     box-shadow: 0px 0px 2px 2px #B98AAD;
     background-color: #00001289;
     backgroud-attachment:fixer;
     /*防止图片图层混乱*/
     filter: opacity(55%); /*设置透明度用的*/

}
.leftzi a{
     text-decoration: none;
}
.head{
     width: 100%;
     height: 30px;
}
.mid{
     float: left;
     padding-left: 271px;
     line-height: 62px;
     font-size: 16px;
     font-weight: 550;
}
.leftzi{
     margin-top: 10px;
     margin-left: 10px;
     font-size: 15px;
     color: #DBAACE;
     float: left;
     font-weight: bold;
}
.rightzi{
     margin-top: 10px;
     margin-right: 10px;
     font-size: 15px;
     float: right;
     font-weight:bold;
     color: #DBAACE;
}
.login{
     clear: both;
     width: 100%;
     height:30px;
     padding-top: 45px;
     text-align: center;
     font-size: 21px;
     color:#9B89B3;
     font-weight:bold;
}
.white17{
     font-size: 30px;
     font-weight: bolder;
     margin-top: 20px;
     color: white;
}
.inputtop{
     width:100%;
     height: 10%;
     margin-top: 25px;
     margin-right: 10px;
     text-align: center;
}
input[type="text"]:focus{
     box-shadow: 0 0 15px #00D2FC;
}
input[type="password"]:focus{
     box-shadow: 0 0 15px #00D2FC;
}
.inputbuttom{
     width: 100%;
     height: 10%;
     margin-right: 10px;
     margin-top: 50px;
     text-align: center;
}
label{
     font-size: 17px;
     color: cornflowerblue;
}
.beau{
     padding: 10px;
     border: none;
     border-radius: 5px;
     background-color: #f5f5f5;
     font-size: 16px;
     color: #333;
     box-shadow: 0 0 5px rgba(0.1, 0.1, 0.1, 0.35);
     transition: box-shadow 0.3s ease-in-out;
}
.sub{
     margin-top: 50px;
     width: 100%;
     height: 55px;
     text-align: center;

}
.dl{
     display: block;
     width: 150px;
     margin-left: 165px;
     padding: 10px;
     border: none;
     border-radius: 5px;
     background-color: #008CBA;
     color: #fff;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     transition: background-color 0.3s ease-in-out;
}
.dl:hover{
     filter: opacity(80%); /*设置透明度用的*/
     box-shadow: #B98AAD;
}
.loginerror{
       padding-left: 7px;
       width: 100%;
       height: auto;
       text-align: center;
       font-weight:500;
       font-size: 17px;
       color: red;
}